<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Container</title>
        <link href="../../py/resources/share/control/core.css" rel="stylesheet" type="text/css" />
		<link href="../../py/resources/default/control/core.css" rel="stylesheet" type="text/css" />
		<link href="../../py/resources/default/control/icons.css" rel="stylesheet" type="text/css" />
		
		<link href="../../py/resources/share/control/shadow.css" rel="stylesheet" type="text/css" />
		<link href="../../py/resources/default/control/shadow.css" rel="stylesheet" type="text/css" />
		
		<link href="../../py/resources/share/control/resizing.css" rel="stylesheet" type="text/css" />
		<link href="../../py/resources/default/control/resizing.css" rel="stylesheet" type="text/css" />
		
		<link href="../../py/resources/share/control/containercontrol.css" rel="stylesheet" type="text/css" />
		<link href="../../py/resources/default/control/containercontrol.css" rel="stylesheet" type="text/css" />
		 
		<link href="../../py/resources/share/dialog/dialog.css" rel="stylesheet" type="text/css" />
		<link href="../../py/resources/default/dialog/dialog.css" rel="stylesheet" type="text/css" />
		
        <script src="../../py/system.js" type="text/javascript"></script>
		<script src="../../py/system/dom/element.js" type="text/javascript"></script>
		<script src="../../py/system/dom/drag.js" type="text/javascript"></script>
		<script src="../../py/system/data/collection.js" type="text/javascript"></script>
		<script src="../../py/system/controls/control.js" type="text/javascript"></script>
		<script src="../../py/system/controls/layout/layoutengine.js" type="text/javascript"></script>
		<script src="../../py/system/controls/layout/flowLayout.js" type="text/javascript"></script>
		<script src="../../py/system/controls/contentcontrol.js" type="text/javascript"></script>
		<script src="../../py/system/controls/scrollablecontrol.js" type="text/javascript"></script>
		<script src="../../py/system/controls/icontainercontrol.js" type="text/javascript"></script>
		<script src="../../py/system/controls/containercontrol.js" type="text/javascript"></script>
		<script src="../../py/system/controls/surround.js" type="text/javascript"></script>
		<script src="../../py/system/controls/shadow.js" type="text/javascript"></script>
		<script src="../../py/system/controls/resizing.js" type="text/javascript"></script>
		<script src="../../py/system/controls/dialog.js" type="text/javascript"></script>
		
		<script src="../../py/system/controls/box.js" type="text/javascript"></script>
		<script src="../../common/project/project.js" type="text/javascript"></script>
		<script src="../../common/assets/scripts/default.js" type="text/javascript"></script>
		<script src="../../common/assets/scripts/debug.js" type="text/javascript"></script>
		
    </head>
    <body>
    	<div style="  top: 20px; left: 386px;    width:516px; " class="x-dialog x-resizable x-shadow">
            <div class="x-header x-dialog-header">
                <div class="x-header-container">
                	<div class="x-header-content">
                		<a class="x-icon x-icon-close" href="javascript:;"></a>
                        <a class="x-icon x-icon-maximize" href="javascript:;"></a>
                        <a class="x-icon x-icon-restore" href="javascript:;"></a>
                        <a class="x-icon x-icon-minimize" href="javascript:;"></a>
                		<h3>
                			<span class="x-icon x-icon-layout"></span>
							窗口</h3>
						</div>
                </div>
            </div>
            <div class="x-body x-dialog-body">
                <div class="x-body-container x-dialog-container">
                    <div class="x-body-content x-dialog-content"  style="height: 250px; ">
						<p style="font-size: 50px;">内容内容内容内容内容内容内容内容内容内容内容内容容内容内容内容内容容内容内容内容内容容内容内容内容内容内容内容内容</p>
					</div>
					<div class="x-dialog-buttons">buttons</div>
                </div>
            </div>
            <div class="x-footer x-dialog-footer">
                <div class="x-footer-container">
                    <div class="x-footer-content"></div>
                </div>
            </div>
            
            
            <div class="x-resizable-lt"></div>
            <div class="x-resizable-t"  ></div>
            <div class="x-resizable-rt"></div>
            <div class="x-resizable-l"></div>
            <div class="x-resizable-r"></div>
            <div class="x-resizable-lb"></div>
            <div class="x-resizable-b"></div>
            <div class="x-resizable-rb"></div>
			<div class="x-shadow-lt"></div>
            <div class="x-shadow-t"></div>
            <div class="x-shadow-rt"></div>
            <div class="x-shadow-l"></div>
            <div class="x-shadow-r"></div>
            <div class="x-shadow-lb"></div>
            <div class="x-shadow-b"></div>
            <div class="x-shadow-rb"></div>
        </div>   
					
					
        <script>
     
  var
  
   wn = new Dialog({
  				title: '内容',
                html: '内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容 内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容 内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容 内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容 内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容 内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容 内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容 内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容 内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容 内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容 内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容 内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容 内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容 内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容'
           }) .show();



        </script>
    </body>
</html>
